.HomePage {
  overflow: hidden;
  height: 100vh;
  width: 100%;
  position: relative;


  div {
    box-sizing: border-box;
  }

  // 下面内容区
  .HomePageText {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow-y: scroll;

    .HomePageTextHeader {
      width: 100%;
      float: left;
      position: sticky;
      top: 0;
      z-index: 999;
    }

    .HomePageTextOutlet {
      min-height: 100vh;
    }

  }

  .MyFloatButton {
    position: absolute;
    right: -50px;
  }

}

// 下滑动画
@keyframes BottomTranslation {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-50%);
  }
}


@media screen and (min-width: 375px) {
  html, body {
    font-size: 10.24px !important;
  }
}

/* iphone6/7/8 plus   1rem=11.04px*/
@media screen and (min-width: 414px) {
  /* 10*414/375=11.04 */
  html, body {
    font-size: 11.04px !important;
  }
}

/* ipad  1rem=20.48px*/
@media screen and (min-width: 768px) {
  /* 10*768/375=20.48 */
  html, body {
    font-size: 20.48px !important;
  }
}

/* ipad  1rem=20.48px*/
@media screen and (min-width: 1200px) {
  /* 10*768/375=20.48 */
  html, body {
    font-size: 24px !important;
  }
}
